/*
表头配置
 */
import { h, ref } from 'vue'
import { getLinkUrl } from '@/api/data'
import { Tooltip } from 'ant-design-vue'
const toolTitle = ref('')
const getLink = async ()=> {
      const url = await getLinkUrl()
      if (url.code) {
            // 打开一个新窗口
            window.open(url.data.url, '_blank')
      }
}
const getToolTitle = async ()=> {
      const url = await getLinkUrl()
      if (url.code) {
            // 打开一个新窗口
            toolTitle.value = '我只是一个测试'
      }
}
export const TableColumns = {
      HomeColumns: [
            {
                  title: 'SN',
                  dataIndex: 'sn',
                  align: 'center', // 表体位置
                  headerAlign: 'center',//表头位置
                  search: false,
                  width: 80
            },
            {
                  title: '公司',
                  dataIndex: 'companyName',
                  align: 'left', // 第一列居中
                  customRender: ({ record }) => {
                        return h(
                              Tooltip,
                              { title: toolTitle.value, placement: "right", overlayClassName: "tableImageToolTips" }, // Tooltip 的 title 属性
                              {
                                    default: () => h('div', {
                                          class: 'toolTipsText',
                                          onmouseover: () => getToolTitle()
                                    },  record.companyName) // Tooltip 的默认插槽内容
                              }
                        )
                  },
                  search: true
            },
            {
                  title: '申请编号',
                  align: 'left',
                  dataIndex: 'appCode',
                  search: true,
                  filterKeys: ['appCode', 'companyName']
            },
            {
                  title: '申请时间',
                  align: 'left',
                  width: 200,
                  search: true,
                  dataIndex: 'createTime',
                  customRender: (record) => {
                        return (
                              <div>
                                    {record.text} <span onClick={() => getLink()} class='linkTips'>测试链接</span>
                              </div>
                        )
                  },
                  sorter: true//排序
            },
            {
                  title: '主题',
                  align: 'left',
                  search: true,
                  dataIndex: 'title',
                  sorter: true //排序
            },
            {
                  title: '节点',
                  align: 'left',
                  search: true,
                  dataIndex: 'code',
                  fixed: 'right'
            },
            {
                  title: '业务类型',
                  search: true,
                  align: 'left',
                  dataIndex: 'formTypeName',
                  fixed: 'right'
            },
            {
                  title: '到达时间',
                  align: 'left',
                  search: true,
                  dataIndex: 'getTime',
                  fixed: 'right'
            },
            // {
            //       title: '操作',
            //       dataIndex: 'operation',
            //       showEdit: true,
            //       showDel: true,
            //       showView: true
            // }
      ],
      SearchColumns: [
            {
                  title: 'SN',
                  dataIndex: 'sn',
                  align: 'center', // 表体位置
                  headerAlign: 'center',//表头位置
                  width: 80
            },
            {
                  title: '公司',
                  dataIndex: 'companyName',
                  align: 'left', // 第一列居中
            },
            {
                  title: '申请编号',
                  align: 'left',
                  dataIndex: 'appCode'
            },
            {
                  title: '申请时间',
                  align: 'left',
                  width: 200,
                  dataIndex: 'createTime'
            },
            {
                  title: '主题',
                  align: 'left',
                  search: true,
                  sorter: true, //排序
                  dataIndex: 'subject'
            },
            {
                  title: '节点',
                  align: 'left',
                  search: true,
                  dataIndex: 'code'
            },
            {
                  title: '业务类型',
                  align: 'left',
                  dataIndex: 'formTypeName'
            },
            {
                  title: '到达时间',
                  align: 'left',
                  dataIndex: 'getTime'
            }
      ],
      SearchConfig: {
            isAll: true, //是否全部显示头部input
            inputList: [
                  { sn: '', show: false, },
                  { name: '', show: true, searchType: 'input' },
                  { num: '', show: true, searchType: 'input' },
                  { time: '', show: true, searchType: 'input' },
                  { title: '', show: true, searchType: 'input' },
                  { code: '', show: true, searchType: 'input' },
                  { type: '', show: true, searchType: 'input' },
                  { getTime: '', show: true, searchType: 'input' }
            ]
      }
}